<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script src="../js/jquery-3.4.1.min.js"></script>
        <script>
            $(function () {
                // 为btn对应的元素开辟一个数据空间，用来操作数据
                // jQuery对象.data(key,value);向数据空间中存在一个数据,该数据格式为key-value的键值对

                $("#btn").data("msg", "hello");
                $("#btn").data("msg2", "hi");
                $("#btn").click(function(){

                    // jQuery对象.data(key):获取数据空间中指定key所对应的数据
                    console.log($("#btn").data("msg"));
                    console.log($(this).data("msg2"));

                    // jQuery对象.removeData(key):移除数据空间中指定key的数据
                    $("#btn").removeData("msg");
                    console.log($("#btn").data("msg"));
                    console.log($(this).data("msg2"));
                });

            });
        </script>
    </head>
    <body>
        <input type="button" id="btn" value="数据绑定">
    </body>
</html>